body,
html{
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
}
a{
    outline: 0;
    color: #333;
    text-decoration: none;
    cursor: none;
}
ul,
li{
    list-style: none;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
button {
    border: 0;
    outline: 0;
}
input::-ms-input-placeholder {
    color: #d3d3d3;
}
input {
    border: 0;
    outline: 0;
}
input::-webkit-input-placeholder {
    color: #d3d3d3;
}
input::-moz-placeholder {
    color: #d3d3d3;
}
.bottom-bar {
    width: 100%;
    height: 1.28rem;
    background: #2065a0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
 
    div {
        font-size: .24rem;
        
        color: #ffffff;

        &:nth-of-type(2) {
            margin-top: .1rem;
        }
    }
}
.header {
    width: 100%;
    height: 2.16rem;
    background: linear-gradient(90deg, rgba(67, 158, 206, 1) 0%, rgba(36, 109, 171, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: .2rem solid #f5f5f5;
    position: relative;

    .login-user {
        position: absolute;
        right: .32rem;
        top: .22rem;
        width: .42rem;
        height: .42rem;
    }

    .logo {
        width: 4.98rem;
        height: 1.04rem;
    }
}
.header-top {
    width: 100%;
    height: 3rem;
    background: url(../img/rencai_bg.png) no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .login-user {
        width: .48rem;
        height: .48rem;
        position: absolute;
        top: .2rem;
        right: .3rem;
    }

    .logo {
        width: 4.98rem;
        height: 1.04rem;

    }

    .search-rencai {
        display: flex;
        padding: 0 .3rem;
        box-sizing: border-box;
        width: 100%;
        margin-top: .32rem;

        .choose-type {
            display: flex;
            align-items: center;

            div {
                font-size: .32rem;
                
                color: #ffffff;
            }

            img {
                margin-left: .08rem;
                margin-right: .14rem;
                width: .2rem;
                height: .1rem;
            }
        }

        .search {
            display: flex;
            padding: 0 .44rem;
            box-sizing: border-box;
            flex: 1;
            height: .68rem;
            align-items: center;
            background: #fff;

            img {
                width: .4rem;
                height: .4rem;
                margin-right: .2rem;
            }

            input {
                flex: 1;
                font-size: .24rem;
                
                color: #b4b4b4;
            }

        }
    }
}
.picker-item{
    text-align: center;
}